<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.clearfix:after {
				content: '';
				clear: both;
				display: table;
			}
		</style>

	</head>

	<body>
		<div class="clearfix">
			<!--
            	包裹性就是inline-block化，元素不会独占一行，如果不设置宽度那么就是内容宽度。如果设置了那么就是设置的宽度
            -->
			<div style="background:gray;float: left;">
				test
			</div>
		</div>
		<hr />
		<!--
	破坏性，float会使父元素坍塌，并且inline - block化
-->
		<div id="">

			<img src="../img/test.png" style="float: left;" width="300" /> 1.首先，要有一个契机让你决定改变。 焦虑时，很多人的第一反应就是回避。所以我从小到大都尽力回避在公众讲话的机会，在上研究生之前，焦虑都没有任何改善，也从来没有想过要改变。因为回避是缓解焦虑最安全的方式。 让我改变的动力并不是来源于一个突然的启迪。而是在上研究生后，突然进入一个需要面对很多公众讲话的机会，研究生又会越来越近距离的接触各种权威和老师。虽然回避能够暂时缓解焦虑，但时间长了，会不断磨掉人的自信。我对自己越来越不满意，到一定程度就难受到让我觉得必须做出改变了。当然，学习心理咨询本身也是给我带来改变动力的因素之一。2.然后，你要开始行动。
			我相信有很多书告诉你如何克服焦虑，心理学中也有很多的方法，但是更重要的是，行动！我说说自己尝试过的，还觉得有用的方法吧。 （1）克服预期焦虑。 预期焦虑（anticipated anxiety），是指个体预期到环境可能诱发焦虑而产生的焦虑，比如明天要做课堂pre，今天想到明天的事情会感觉很焦虑，并且对明天的事情很没有信心。这种状态常常会影响我的准备工作。
		</div>
		<!--
	float清空格,一个个图片排在一起会有空格在中间，加了float以后就紧凑了
-->
		<div class="clearfix">
			<img src="../img/bag_01.png" style="float: left;"  width="50"/>
			<img src="../img/bag_05.png" style="float: left;" width="50"/>
			<img src="../img/bag_06.png" style="float: left;" width="50"/>
			<img src="../img/bag_08.png"  width="50"/>
			<img src="../img/bag_15.png"  width="50"/>
		</div>
	</body>

</html>